/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
    border: none;
margin: 0;
}

img
{
border: 0px;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg);
}

.antiqua{}

.clear{
	clear: both;
}
#bg_bottom{
	background: url(images/bg_bottom.jpg) center top no-repeat;
}

#bg_top{
	background: url(images/bg_top.jpg) center top no-repeat;
}

#main {
	width: 990px;
	margin: 0 auto;
	}
	
#header {
	margin-bottom: 20px; 
	color: #fff;
}

#login{
	float: right;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
}
#login a{
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#login a:hover
{
    text-decoration: underline;
    }
#login .lg_text{
	font-weight: bold;
	font-size: 12px;
}
#login .lg_button{
	border: 1px #B2B2B2 solid;
	border-radius: 3px;
	box-shadow: 0px 0px 2px #FFFFFF inset;
	background: #0658D2;
	padding: 5px 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	font-size: 13px;
}
#login .lg_button:hover{
	color: #E0E0E0;
}
.text_login
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px;
}
.text_login:hover
{   
    color: #000000;
    text-decoration: underline;
    }
.view_history_order
{
    border-spacing: 0px ;
}
.view_history_order td, .view_history_order th
{
    text-align: left;
}
.view_history_order a
{
    color: #227AAE;
    text-decoration:none;
    
    }
 .view_history_order a:hover
{
    text-decoration: underline;
    
    }
.view_history_order tr.att_row
{
    background: #F3F3F3;
}
/*logo*/
#logo {	
		padding: 27px 0px 0px 20px;
		color: #fff;
		font-size: 12px;
}

.logo_span{
	font-weight: bold;
	font-size: 24px;
	
}
.logo_space{
	padding: 0 0 0 50px;}


#logo a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
	
#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}


#top{ 
	height: 200px;
	padding: 24px 0 0 0;
} 

.top_span_36{
	font-size: 36px;
	line-height: 30px;
}
.top_span_48{
	font-size: 48px;
	line-height: 30px;
}

.uppercase{
	text-transform: uppercase;}


/*menu*/
#buttons{
	text-align:center;
	height: 150px;
	margin-left: 0px;
	padding: 25px 0px 0px 20px;
	background: url(images/but_bg.png) left top no-repeat;
}


.my_but1 {
	background: url(images/but1.png) top center no-repeat;
	width: 160px;
	height: 94px;
	display: block;
	padding-top: 90px;
	font-weight: bold;
	font-size: 24px;
	color: #0066A1;
	text-decoration: none;
}

.my_but2{
	background: url(images/but2.png) top center no-repeat;
	width: 160px;
	height: 94px;
	display: block;
	padding-top: 90px;
	font-weight: bold;
	font-size: 24px;
	color: #0066A1;
	text-decoration: none;
}

.my_but3{
	background: url(images/but3.png) top center no-repeat;
	width: 160px;
	height: 94px;
	display: block;
	padding-top: 90px;
	font-weight: bold;
	font-size: 24px;
	color: #0066A1;
	text-decoration: none;
}

.my_but4{
	background: url(images/but4.png) top center no-repeat;
	width: 160px;
	height: 94px;
	display: block;
	padding-top: 90px;
	font-weight: bold;
	font-size: 24px;
	color: #0066A1;
	text-decoration: none;
}

.my_but5{
	background: url(images/but5.png) top center no-repeat;
	width: 160px;
	height: 94px;
	display: block;
	padding-top: 90px;
	font-weight: bold;
	font-size: 24px;
	color: #0066A1;
	text-decoration: none;
}

.but_size{
	width: 160px;
	height: 64px;
	}

.but1 {
	display: block;
	float: left;
	width: 160px;
	height: 150px;
	padding-top: 0px;
	background: url(images/but.png) left top no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-weight: normal;
	
	}

 .but1:hover {
	color:#0066A1;
	text-decoration:underline;
	background: url(images/but_hover.png) 0 0 no-repeat;
	font-style: italic;
	
	}

.but_razd { 
	width: 37px;
	height: 10px;
	float: left;}

/*content*/
#content{
	min-height: 100%;
}

.content_bg{
	/*background: url(images/content_bg.gif) left repeat-y;*/
	border-radius: 4px;
	background: #FFFFFF;
	color: #666666;
	margin-bottom: 10px;
}

.content_bg_bott{
	padding: 10px 20px;
}
.cbb_login{
	float: left;
	width: 400px;
}
.table_login{
	padding: 10px 0px;
}
.table_login a{
	color: #E9A949;
	padding: 0px 10px;
}
.table_register{
	padding: 0px 10px;
	
	float: left;
}
.cbb_register{
	float: left;
	padding: 5px 10px;
	color: #333333;
}
.control_input{
	border: 1px #D8D8D8 solid;
	height: 18px;
	padding: 2px;
	line-height: 18px;
	color: #666666;
	width: 200px;
	box-shadow: 0px 1px 2px #666666;
}
.control_select
{
    border: 1px #D8D8D8 solid;
	color: #666666;
	width: 206px;
	box-shadow: 0px 1px 2px #666666;
 }
.button_user{
	padding: 5px 12px;
	color: #FFFFFF;
	font-weight: bold;
	background: #227AAE;
	border-radius: 3px;
	cursor: pointer;
}
.button_order{
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
	background: #999999;
	border-radius: 3px;
	cursor: pointer;
	font-size: 11px;
}
.warning_login
{
    padding: 4px 10px;
    color: red;
    font-family: Tahoma;
 }
 .warning_login ul
{
 list-style: none;
 padding: 0px;
 margin: 0px;
 }
#left{
	float: left;
	width: 250px;
	padding: 0 0 20px 0;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #227AAE;
	padding: 10px 20px 10px 0;
}

.span_lh{
	line-height: 17px;
}

.span_data{
	text-decoration: underline;
	line-height: 25px;
}

.read_more{
	text-align: right;
	padding: 2px 4px 0px 0px;
}

.read_more a {
	font-size: 12px;
	color: #005D93 !important;
	text-decoration: none !important;
	font-weight: bold;
	
}

.read_more a:hover {
	font-size:12px;
	color:#005D93;
	text-decoration: underline !important;
}

#right{
	float: right;
	width: 622px;
	margin-right: 17px;
	padding: 0 0 20px 0;
}


.phot{
	float: left;
	padding: 5px 30px 0 0;
}


.row_bott{
	padding: 10px 20px 20px 30px;
	border-radius: 4px;
	background: #FFFFFF;
	color: #666666;
}



/*row_bottom*/

h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 24px;
	color: #ffffff;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 20px;
}

#bottom{
	height: 190px;
	width: 990px;
	margin: 0 auto;
	padding-top: 33px;
	color: #FFFFFF;
	
}

.bottom_box1{
	width: 165px;
	float:left;
	margin-left: 17px;
}


.bottom_ul{
	padding: 5px 0 0 28px;
	list-style: none;
}

.bottom_ul li{
	background: url(images/bottom_ul.gif) left 4px no-repeat;
	padding: 0px 0 6px 19px;}

.bottom_ul li a{
	color: #fff;
	text-decoration: none;
}
.bottom_ul li a:hover{
	color: #fff;
	text-decoration: underline;
}

.bottom_box2{
	width: 425px;
	float:left;
	margin-left: 80px;
}

.bottom_box3{
	float:left;
	width: 225px;
	margin-left: 70px;
}

.ul_img_link{
	padding: 0px 0 15px 30px;
}

.ul_img_link a{
	color: #FFFFFF;
	text-decoration: none;
}

.ul_img_link a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
	
.ul_img_link1{
background:url(images/bottom_fish1.png) top left no-repeat;
}
.ul_img_link2{
background:url(images/bottom_fish2.png) top left no-repeat;
}
.ul_img_link3{
background:url(images/bottom_fish3.png) top left no-repeat;
}
.ul_img_link4{
background:url(images/bottom_fish4.png) top left no-repeat;
}	


/*footer*/

#footer{
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding: 46px 0px 0px 30px;
	height: 80px;
	text-align: center;
}

#footer a{
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}

#footer a:hover{
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
}



